<template>
  <div class="main-zc">
    <van-nav-bar
      title="找回密码"
      left-arrow
      @click-left="goLogin"
    />
    <!--      <h3>用户注册</h3>-->
    <div class="zc-container">

      <van-form @submit="onSubmit">
        <span class="zc-lable">手机号:</span>
        <van-field class="van-cell"
                   v-model="phone"
                   label=""
                   left-icon="user-o"
                   placeholder="请输入手机号"
        />
        <span class="zc-lable" >验证码:</span>
        <van-field
          v-model="yzm"
          label=""
          left-icon="completed"
          placeholder="请输入验证码"
        >
          <span  slot="button" :style="is_yzm==true? 'color:#a497b3':'color:#1989fa'" @click="is_yzm=true">{{is_yzm==true? '已获取验证码':'获取验证码'}}</span>
        </van-field>
<!--        <span class="zc-lable" >密码:</span>-->
<!--        <van-field-->
<!--          v-model="password"-->
<!--          type="password"-->
<!--          left-icon="bag-o"-->
<!--          label=""-->
<!--          placeholder="请输入密码"-->
<!--        />-->
        <div style="margin: 16px;">
          <van-button  block type="info" native-type="submit" @click="next">
            下一步
          </van-button>
        </div>
      </van-form>

    </div>
    <!--   &lt;!&ndash; //弹框&ndash;&gt;-->
    <!--    <van-dialog v-model="tailog" title="标题" >-->
    <!--    </van-dialog>-->
  </div>

</template>

<script>
  export default {


    data() {
      return {
        phone: '',
        password: '',
        re_password:false,
        is_yzm:false,
      }
    },

    methods: {
      onSubmit(values) {
        // if(this.username=='' || this.password==''){
        //   this.$notify({ type: 'warning', message: '请输入账号或验证码' })
        //   return false
        // }
          console.log('submit', values);
      },
      next(){
      this.$router.push({path:'/forgettwo'})
      },
      goLogin(){
        history.go(-1)
      }
    }
  }
</script>

<style scoped>
  .zc-container{
    /*margin:10% auto;*/
    margin-top: 60px;
    padding: 0 20px;
  }
  .van-cell{
    padding-left: 0px;
  }
  .zc-title{
    font-size: 80px;
    text-align: center;
    margin-bottom: 80px;
  }
  .zc-lable{
    /*margin-left: 15px;*/
    margin-right: 80%;
    margin-top: 20px;
    display: block;
    font-size: 16px;
    font-weight: bolder;
  }
  /*.van-cell-center{*/
  /*  right: 10px;*/
  /*}*/
</style>


